<html>
<head>
    <meta charset="utf-8">
    <link rel="stylesheet" href="css/bootstrap.css">
    <script src="js/jquery-1.12.3.js"></script>
    <script src="js/bootstrap.js"></script>
</head>
<body>
<div class="input-group">
    <span class="input-group-addon" style="width: 100px;">用户名</span>
    <input type="text" class="form-control" placeholder="请输入用户名" aria-describedby="basic-addon1">
</div>
<div class="input-group">
    <span class="input-group-addon" style="width: 100px;">密码</span>
    <input type="text" class="form-control" placeholder="请输入密码" aria-describedby="basic-addon1">
</div>
<a href="">  这是一段<del>This line of <span style="color: #0000cc">ss</span> text is meant to be treated as deleted text.</del>文字</a>
<table class="table table-bordered">
    <thead>
    <tr>
        <th>#</th>
        <th>First Name</th>
        <th>Last Name</th>
        <th>Username</th>
    </tr>
    </thead>
    <tbody>
    <tr>
        <th scope="row">1</th>
        <td>Mark</td>
        <td>Otto</td>
        <td>@mdo</td>
    </tr>
    <tr>
        <th scope="row">2</th>
        <td>Jacob</td>
        <td>Thornton</td>
        <td>@fat</td>
    </tr>
    <tr>
        <th scope="row">3</th>
        <td>Larry</td>
        <td>the Bird</td>
        <td>@twitter</td>
    </tr>
    </tbody>
</table>
</body>
</html>